有點時間來做做看頁籤樣式部分，Bootstrap真的蠻屌的。
其實會一點切版不過對rwd不熟。
但是bootstrap都已經寫好了很多東西，蠻傻眼就玩玩看。
有空自己也想要另外寫個一個網站，目前的作品也做好了在應徵工作中，前後端我都蠻有興趣的。
有點時間就剛好來補一下這部分。

以下都是添加在ul,下面的html為結構
1.置中與置右以及垂直：justify-content-center、justify-content-end、flex-column
2.分頁標籤與片狀的樣式：nav-tabs、nav-pills
3.使用 .nav-fill 會將 .nav-item 內容按照比例分配空間。注意，這會佔用所有的水平空間，但並不是每個導覽項目都具有相同寬度。
4.對於等寬元素使用 .nav-justified。 所有的水平空間將被導覽連結佔據，但與上面的 .nav-fill 不同，每個導覽項都將是相同的寬度。

<div class="demo1">
  <ul class="nav"><!-- 必須要在外層加nav -->
    <li class="nav-item"><!-- li必須為nav-item -->
      <a href="#" class="nav-link active">Active</a><!-- a必須為nav-link、active的連結為目前啟用-->
    </li>
    <li class="nav-item">
      <a href="#" class="nav-link">Link</a>
    </li>
    <li class="nav-item">
      <a href="#" class="nav-link disabled">Disabled</a>
    </li>
  </ul>
</div>

codepen
參考：六角學院Bootstrap官網文件